<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>Elu {% block title %}{% end %}</title>
        <link rel="shortcut icon" href="{{static_url('favicon.ico')}}">
        <link rel="stylesheet" href="{{static_url('bootstrap/3.3.2/css/bootswatch.css')}}">
        <link rel="stylesheet" type="text/css" href="{{static_url('_css/custom.css')}}">
    </head>

    <body class="elu" id="{% block body_id %}{% end %}">

        <div class="elu-sidebar" bb-sidebar>
            <div class="sidebar_title clearfix">
                <a class="brand" href="/">Elu</a>
                <span class="brand brandSub">{% block content_title %}{% end %}</span>
            </div>
            {% block sidebar %}{% end %}
            <div class="sidebar-footer">
                <div class="col-xs-8 text-left">
                    <a href="" target="_blank">About</a>
                </div>
                <div class="col-xs-4 sidebarRoot">
                    <a href="#" bb-sidebar-toggle
                       class="toggle glyphicon glyphicon-transfer"></a>
                </div>
            </div>
        </div>


        <div class="elu-wrapper">
            <div class="elu-topbar navbar navbar-default navbar-fixed-top">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="glyphicon glyphicon-cog"></span>
                    </button>
                </div>

                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="/">首页</a></li>
                        <li><a href="/project">项目</a></li>
                        <li><a href="/mail">邮件</a></li>
                        <li><a href="/topic">专题</a></li>
                        <li><a href="/sandbox">沙盒</a></li>
                        <li><a href="/timeline">时间线</a></li>
                        <li><a href="/docer">文档</a></li>
                        <li><a href="">视觉稿</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                其他工具 <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">视觉规范</a></li>
                                <li><a href="#">交互规范</a></li>
                                <li><a href="#">旧原型库</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right user-nav">
                        <li class="dropdown profile_menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <span>Sam</span>
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="/backyard/profile">我的账户</a></li>
                                <li><a href="/backyard/manage">管理数据</a></li>
                                <li class="divider"></li>
                                <li><a href="/signout">注销</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="elu-content">
                {% block content %}{% end %}
            </div>
        </div>

        <script src="{{static_url('requirejs/2.1.17/require.js')}}" data-main="{{static_url('_js/common.js')}}"></script>
        <script src="{{static_url('_js/')}}{% block scriptname %}blank.js{% end %}"></script>
    </body>

</html>
